﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link href="assets/lib/mobile/jquery.mobile-1.4.4.css" rel="stylesheet" />
    <style>
        .ui-icon-cn:after {
            background-image: url('assets/img/cn.png');
        }
    </style>
</head>
<body>
    <div id="" data-role="page">
        <div data-role="header">
            <h1></h1>
        </div>
        <div data-role="content">
            <p>
                <!--表单类型按钮-->
                <input type="button" value="input" />
                <button><img />BUTTON</button>
                <!--导航类型按钮-->
                <a data-role="button">A Link</a>

                <a href="#" data-role="button" data-icon="back" data-iconpos="right">Icon</a>
                <a href="#" data-role="button" data-icon="cn">
                    Icon
                    <b class="after"></b>
                </a>
            </p>
        </div>
        <div data-role="footer" data-position="fixed">
            <h2>Copyright &copy; Itcast</h2>
        </div>
    </div>
</body>
</html>
<script src="assets/lib/jquery/jquery-2.1.3.js"></script>
<script src="assets/lib/mobile/jquery.mobile-1.4.4.js"></script>
